stroke方法怎么使用

来源:网络整理作者: 发布时间:2020-12-18 17:39

stroke() 方法会实际地绘制出通过moveTo() 和lineTo()方法定义的路径，默认颜色是黑色。...

context.stroke();

接下来我们来看一下具体的示例

stroke() 方法会实际地绘制出通过moveTo() 和lineTo()方法定义的路径，默认颜色是黑色。下面我们就来具体看看stroke() 方法的使用方法。

我们先来看一下stroke() 方法的基本语法：

<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"> </canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(20,20); ctx.lineTo(20,100); ctx.lineTo(70,100); ctx.stroke(); </script> </body> </html>

效果如下：我们可以看到绘制了一个L型的黑色路径。

代码如下

本篇文章到这里就全部结束了，更多精彩内容大家可以关注聚合云库的其他相关栏目教程！！！

以上就是stroke方法怎么使用的详细内容，更多请关注聚合云库其它相关文章！

微信截图_20190212171421.png

HTML5

相关热词：方法

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5264.shtml

上一篇：Django+Layui后台布局介绍

下一篇：canvas橡皮筋式线条绘图的

那么使用 CSS3 新增的选择器无	一个页面写完了要编写一个美
本教程操作环境：windows7系统	content: $(#id) //这里content是一个
该div包含layui-select-title和dl两个	推荐： jquery视频教程 html调用
其他浏览器返回nullconsole.log(	深入理解脚本化CSS系列第六篇
让layui支持es5写法的方法介绍	在layui的layDate组件中添加设置
html里文字居中代码怎么写？	html中图片怎么居中对齐？
css h1不占一行怎么办	css怎么让图片向左移动
css径向渐变怎么用	css怎么给按钮加图标